﻿<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="renderer" content="webkit|ie-comp|ie-stand">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport"
              content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
        <meta http-equiv="Cache-Control" content="no-siteapp"/>
        <link href="resources/h-ui/static/h-ui/css/H-ui.min.css" rel="stylesheet" type="text/css"/>
        <link href="resources/h-ui/static/h-ui.admin/css/H-ui.login.css" rel="stylesheet" type="text/css"/>
        <link href="resources/h-ui/static/h-ui.admin/css/style.css" rel="stylesheet" type="text/css"/>
        <link href="resources/h-ui/lib/Hui-iconfont/1.0.8/iconfont.css" rel="stylesheet" type="text/css"/>
        <title>HowToDoIt:UserManager-Admin</title>
    </head>
    <body>
        <input type="hidden" id="TenantId" name="TenantId" value=""/>
        <div class="header"></div>
        <div class="loginWraper">
            <div class="loginBox">
                <form id="loginForm" class="form form-horizontal" action="#" method="post">
                    <div class="row cl">
                        <label class="form-label col-xs-3"><i class="Hui-iconfont">&#xe60d;</i></label>
                        <div class="formControls col-xs-8">
                            <input id="email" name="email" type="text" placeholder="Email" class="input-text size-L">
                        </div>
                    </div>
                    <div class="row cl">
                        <label class="form-label col-xs-3"><i class="Hui-iconfont">&#xe602;</i></label>
                        <div class="formControls col-xs-8">
                            <input id="firstName" name="firstName" type="text" placeholder="FirstName"
                                   class="input-text size-L">
                        </div>
                    </div>
                    <div class="row cl">
                        <label class="form-label col-xs-3"><i class="Hui-iconfont">&#xe602;</i></label>
                        <div class="formControls col-xs-8">
                            <input id="lastName" name="lastName" type="text" placeholder="LastName" class="input-text size-L">
                        </div>
                    </div>
                    <div class="row cl">
                        <div class="formControls col-xs-8 col-xs-offset-3">
                            <label for="regLink"><a name="regLink" href="login.html">前往登录</a></label>
                        </div>
                    </div>
                    <div class="row cl">
                        <div class="formControls col-xs-8 col-xs-offset-3">
                            <input id="regBtn" class="btn btn-success radius size-L"
                                   value="&nbsp;注&nbsp;&nbsp;&nbsp;&nbsp;册&nbsp;">
                            <input name="" type="reset" class="btn btn-default radius size-L"
                                   value="&nbsp;取&nbsp;&nbsp;&nbsp;&nbsp;消&nbsp;">
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <div class="footer">Copyright HowToDoIt by redkale</div>

        <script type="text/javascript" src="resources/h-ui/lib/jquery/1.9.1/jquery.min.js"></script>
        <script type="text/javascript" src="resources/h-ui/static/h-ui/js/H-ui.js"></script>
        <script type="text/javascript" src="resources/h-ui/lib/layer/2.4/layer.js"></script>
        <script type="text/javascript" src="resources/js/common.js"></script>
        <script>
            $(function () {
                $('#regBtn').click(function () {
                    api("/user/signup", "POST", {bean: $.objectToString($("#loginForm").serializeJson())},
                            function (data, textStatus, jqXHR) {
                                if (!data.success) {
                                    layer.alert(data.retinfo);
                                } else {
                                    layer.alert("请前往邮箱激活账户,账户激活后才能登录系统");
                                }
                            });
                });
            });
        </script>
    </body>
</html>